Дополняет доку про псевдокласс :target - #6029
Conversation
|
Укажи, пожалуйста, в чём суть дополнений. |
Removed redundant example URL and clarified usage of :target pseudo-class.
Суть в том, что я более подробнее раскрыл эту доку, плюс добавил демку, ошибок в шапке не нашёл |
nasty23-star
left a comment
nasty23-star
left a comment
There was a problem hiding this comment.
Спасибо большое за полезную доку! ₍^. .^₎⟆
Оставила пару комментариев, посмотри, пожалуйста
| background-color: transparent; | ||
| } | ||
| } | ||
| ``` |
There was a problem hiding this comment.
может быть, стоит написать, что target может сочетаться с not
к примеру:
/* Все цели, кроме тех, что внутри nav */
:not(nav) :target {
background: yellow;
}
| scroll-behavior: smooth; | ||
| } | ||
| ``` | ||
|
|
There was a problem hiding this comment.
также можно упомянуть, что есть некоторые нюансы с доступностью и дать рекомендации
| Такой элемент считается текущей целью документа и совпадает с селектором `:target`. Важно понимать, что браузер не добавляет элементу дополнительный класс. Вместо этого он временно считает элемент подходящим под псевдокласс `:target`. Если пользователь перейдёт по другому якорю, состояние автоматически перейдёт к новому элементу. Если в URL нет фрагмента или соответствующий элемент не найден, `:target` не совпадает ни с одним элементом страницы. | ||
|
|
||
| ## Подсказки | ||
|
|
There was a problem hiding this comment.
ещё можно упомянуть, как активировать :target в браузере (Хром)
4 participants
Описание
Дополняю доку про псевдокласс
:targetCloses #428
Чек-лист
/css/color/,/tools/json/,/tools/gulp/#kak-ponyat)images/example.png,demos/example/,../demos/example/)Превью контента из b71e50f опубликовано.
Затронутые материалы